body{
	margin:0px;
	padding:0px;
	font-size:0;
	text-align:center;
	background-image:url('../../../assets/media/craftivity/background-pattern.jpg');
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
	-webkit-font-smoothing:antialiased;
	font-family: 'Source Sans Pro', sans-serif;
}
textarea{
	font-family: 'Source Sans Pro', sans-serif;
	resize:none;
	font-size:12px;
	line-height:14px;
	overflow:hidden;
	border-radius:2px;
}
.validation-failed{
	outline:#E06565 dotted 2px;
}
div{
	margin:0px;
	padding:0px;
	font-size:12px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
table{
	width:100%;
}
i{
	font-size:17px;
	color:#a5a5a5;
	margin:0px 4px 0px 4px;
}
li{list-style:none;}
ul{
	padding:0px;
	margin:0px;
}
table[title*=railo]{
	text-align:left;
}
p{
	margin:0px;
}
a{
	color:rgb(144, 171, 241);
	cursor:pointer;
	text-decoration:none;
}
a:hover{
	color:rgb(59, 106, 228);
	text-decoration:underline;
}
a:active{
	
}
.user{color:rgb(184, 98, 41);} /*use this for any user entered values*/
textarea,input,select{color:rgb(148, 71, 20);}/*any editable element also uses this color*/

.hidden{display:none !important;}
.vis-hidden{visibility:hidden !important;}
.highlight{
	background-color:rgb(255, 255, 218) !important;
}
input,textarea,select{border: 1px solid #cecece;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
input{
	padding:0px 3px;
	margin-top:3px;
	height:25px;
	font-size:12px;
	font-family: 'Source Sans Pro', sans-serif;
	border-radius:2px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
}
input[type=checkbox]{
	height:auto;
	box-shadow:none;
}
select{
	padding:1px 1px;
	font-size:12px;
	height:27px;
	border-radius:2px;
	margin-top:3px;
	font-family:'Source Sans Pro', sans-serif;	
	
}

.-railo-dump{
	-webkit-user-select:initial !important;
	-khtml-user-select:initial !important;
	-moz-user-select:initial !important;
	-ms-user-select:initial !important;
}
.error-page-text{
	position:absolute;
	left:50%;
	text-align:center;
	background-color:White;
	padding:10px 15px;
	margin-left:-84px;
	top:30%;
	border-radius:9px;
	box-shadow:1px 2px 3px #666666;
}
.error-page-text i{
	margin:5px;
	font-size:24px;
	color:rgb(223,86,86);
}
/*the init logo*/
i.fa-globe.initSite{
	position:fixed;
	right:5px;
	top:7px;
	z-index:9999;
	color:#CACACA;
	cursor:crosshair;
}
i.fa-globe.initSite:hover{
	color:#666666;
}
.TOS-overlay{
	background-color:black;
	opacity:.5;
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0px;
	top:0px;
	z-index:1000000;
}
.TOS{
	position:fixed !important;
	top:14px;
	width:290px;
	left:50%;
	margin-left:-145px !important;
	z-index:1000001;
	height:80%;
	max-height:80%;
	overflow-y:hidden;
	padding-bottom:26px;
	background-color:rgba(0,0,0,0) !important;
	box-shadow:none !important;
}
.TOS-contents{
	overflow-y:scroll;
	opacity:1;
	max-height:80%;
	padding:8px;
	background-color:white;
}
.TOS-agreement{
	border:1px solid #dddddd;
	padding:5px 0px 5px 13px;
	font-size:11px;
	position:relative;
	background-color:white;
}
.TOS-agreement input{
	position:absolute;
	top:3px;
	left:3px;
	cursor:pointer;
}
.TOS-agreement input:hover{
	outline:1px dashed rgb(140, 219, 140);
	outline-width:2px;
	outline-offset:1px;
}
.corner-icon{
	border-top:37px solid transparent;
	border-bottom:0px solid transparent;
	border-left:44px solid red;
	position:Absolute;
	bottom:0px;
	left:0px;
}
.corner-icon-text{
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	width:236px;
	text-align:right;
	text-transform:uppercase;
	font-size:11px;
}
.widget:hover > .corner-icon .corner-icon-text{
	display:inline-block;
}
.corner-icon.incomplete{
	border-left-color:rgb(255, 203, 0);
}
.corner-icon.future{
	border-left-color:rgb(171, 217, 255);
}
.corner-icon.incomplete .corner-icon-text{
	color:rgb(255, 203, 0);
}
.corner-icon.future .corner-icon-text{
	color:rgb(171, 217, 255);
}
.widget .fa-lock, .widget .fa-lightbulb-o{
	position:absolute;
	left:2px;
	bottom:3px;
	font-size:15px;
	background-color:transparent;
	color:white;
}
.sneak-peek{
	color:#B3A40C;
	padding:10px;
	line-height:17px;
}
.selectable{
	-webkit-user-select:initial;
	-khtml-user-select:initial;
	-moz-user-select:initial;
	-ms-user-select:initial;
	user-select:initial;
}